<template>
  <div class="xm-input">
    <div class="xm-input__wrapper">
        el
    </div>
    <div class="xm-input--success">
        mod
    </div>
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'

</script>
<style lang='scss' scoped>
@include b(input) {
    width: 200px;
    height: 30px;
    border: 1px solid #efefef;
    @include e(wrapper) {
        color: red;
    }
    @include m(success) {
        color: green;
    }
}
</style>